<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <meta name="author" content="最爱古风小雷丘">
    <title></title>
    <link rel="stylesheet" type="" href="小米.css">
    <link rel="stylesheet" href="小米.js">
    <link rel="stylesheet" type="" href="./font-awesome/css/font-awesome.css">

</head>

<body>
    <!--  导航栏  -->
    <nav>
        <div class="container">
            <div class="content">
                <ul class="nav-left">
                    <li><a href="#">小米商城</a></li><span>|</span>
                    <li><a href="#">MIUI</a></li><span>|</span>
                    <li><a href="#">米聊</a></li><span>|</span>
                    <li><a href="#">游戏</a></li><span>|</span>
                    <li><a href="#">多看阅读</a></li><span>|</span>
                    <li><a href="#">云服务</a></li><span>|</span>
                    <li><a href="#">金融</a></li><span>|</span>
                    <li><a href="#">小米商城手机版</a></li><span>|</span>
                    <li><a href="#">问题反馈</a></li><span>|</span>
                    <li><a href="#">Select Region</a></li>
                </ul>
                <ul class="nav-right">
                    <li><a href="#">登录</a></li><span>|</span>
                    <li><a href="#">注册</a></li><span>|</span>
                    <li class="tongzhi"><a href="#">消息通知</a></li>
                    <li class="shop">
                        <a href="#">
                        <i class="fa fa-cart-plus"></i>
                       <span>购物车(0)</span>
                   </a>
                        <div class="shopping">
                            <div class="cover"></div>
                            <span>购物车中还没有商品，赶紧选购吧！</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <!--  header  -->
    <section>
        <div class="container">
            <header>
                <div class="mi"><a href="#"></a></div>

                <ul class="header-middle">
                    <li><a href="#">小米手机</a></li>
                    <li><a href="#">红米</a></li>
                    <li><a href="#">平板 · 笔记本</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">盒子 · 影音</a></li>
                    <li><a href="#">路由器</a></li>
                    <li><a href="#">智能硬件</a></li>
                    <li><a href="#">服务</a></li>
                    <li><a href="#">社区</a></li>
                </ul>

                <div class="kuang">
                    <input type="text" name="" value=""></input>
                    <div class="wenzi">
                        <a href="#" class="text1">电视4A 55"</a>
                        <a href="#" class="text2">小米Note 2特惠</a>
                    </div>
                    <ul class="hidden">
                        <li>
                           <span>小米6</span> 
                            <a href="#">约有7件</a>
                        </li>
                        <li>
                            <span>小米6</span> 
                            <a href="#">约有7件</a>
                        </li>
                        <li>
                            <span>小米6</span> 
                            <a href="#">约有7件</a>
                        </li>
                        <li>
                            <span>小米6</span> 
                            <a href="#">约有7件</a>
                        </li>
                        <li>
                            <span>小米6</span> 
                            <a href="#">约有7件</a>
                        </li>
                        <li>
                            <span>小米6</span> 
                            <a href="#">约有7件</a>
                        </li>
                        <li>
                           <span>小米6</span> 
                            <a href="#">约有7件</a>
                        </li>
                        <li>
                            <span>小米6</span> 
                            <a href="#">约有7件</a>
                        </li>
                        <li>
                            <span>小米6</span> 
                            <a href="#">约有7件</a>
                        </li>
                        <li>
                            <span>小米6</span> 
                            <a href="#">约有7件</a>
                        </li>
                        <li>
                            <span>小米6</span> 
                            <a href="#">约有7件</a>
                        </li>
                    </ul>

                    <div class="search">
                        <i class="fa fa-search" aria-hidden="true"></i>
                    </div>
                </div>

                <div class="hide">
                    <ul class="show">
                        <li>
                            <ul class="header-img">
                                <li>
                                    <p class="no"></p>
                                    <a href="#"><img src="xiaomi/phone1.jpg" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="co">2499元起</sapn>
                                    </div>
                                </li>

                                <li>
                                    <p>现货</p>
                                    <a href="#"><img src="xiaomi/phone1.jpg" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>

                                <li>
                                    <p>现货</p>
                                    <a href="#"><img src="xiaomi/phone1.jpg" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>

                                <li>
                                    <p>现货</p>
                                    <a href="#"><img src="xiaomi/phone1.jpg" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>

                                <li>
                                    <p>现货</p>
                                    <a href="#"><img src="xiaomi/phone1.jpg" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>

                                <li>
                                    <p>现货</p>
                                    <a href="#"><img src="xiaomi/phone1.jpg" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>
                            </ul>
                        </li>

                        <li>
                            <ul class="header-img">
                                <li>
                                    <p>新品</p>
                                    <a href="#"><img src="xiaomi/phone2.jpg" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>

                                <li>
                                    <p>新品</p>
                                    <a href="#"><img src="xiaomi/phone2.jpg" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>

                                <li>
                                    <p class="no"></p>
                                    <a href="#"><img src="xiaomi/phone2.jpg" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>

                                <li>
                                    <p class="no"></p>
                                    <a href="#"><img src="xiaomi/phone2.jpg" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>

                                <li>
                                    <p class="no"></p>
                                    <a href="#"><img src="xiaomi/phone2.jpg" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>
                            </ul>
                        </li>

                        <li>
                            <ul class="header-img">

                                <li>
                                    <p class="no"></p>
                                    <a href="#"><img src="xiaomi/phone3.jpg" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>

                                <li>
                                    <p class="no"></p>
                                    <a href="#"><img src="xiaomi/phone3.jpg" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>

                                <li>
                                    <p>新品</p>
                                    <a href="#"><img src="xiaomi/phone3.jpg" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>
                            </ul>
                        </li>

                        <li>
                            <ul class="header-img">
                                <li>
                                    <p>超薄旗舰</p>
                                    <a href="#"><img src="xiaomi/phone4.png" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>

                                <li>
                                    <p>超薄旗舰</p>
                                    <a href="#"><img src="xiaomi/phone4.png" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>

                                <li>
                                    <p>超薄旗舰</p>
                                    <a href="#"><img src="xiaomi/phone4.png" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>

                                <li>
                                    <p>热卖</p>
                                    <a href="#"><img src="xiaomi/phone4.png" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>

                                <li>
                                    <p>热卖</p>
                                    <a href="#"><img src="xiaomi/phone4.png" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>

                                <li>
                                    <p class="no"></p>
                                    <a href="#"><img src="xiaomi/phone4.png" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>
                            </ul>
                        </li>

                        <li>
                            <ul class="header-img">
                                <li>
                                    <p class="no"></p>
                                    <a href="#"><img src="xiaomi/phone5.png" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>

                                <li>
                                    <p class="no"></p>
                                    <a href="#"><img src="xiaomi/phone5.png" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>

                                <li>
                                    <p class="no"></p>
                                    <a href="#"><img src="xiaomi/phone5.png" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>

                                <li>
                                    <p class="no"></p>
                                    <a href="#"><img src="xiaomi/phone5.png" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>
                            </ul>
                        </li>

                        <li>
                            <ul class="header-img">
                                <li>
                                    <p>包邮</p>
                                    <a href="#"><img src="xiaomi/phone6.png" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>

                                <li>
                                    <p>包邮</p>
                                    <a href="#"><img src="xiaomi/phone6.png" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>

                                <li>
                                    <p>包邮</p>
                                    <a href="#"><img src="xiaomi/phone6.png" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>

                                <li>
                                    <p>大容量</p>
                                    <a href="#"><img src="xiaomi/phone6.png" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>

                                <li>
                                    <p>包邮</p>
                                    <a href="#"><img src="xiaomi/phone6.png" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>

                                <li>
                                    <p class="no"></p>
                                    <a href="#"><img src="xiaomi/phone6.png" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>
                            </ul>
                        </li>

                        <li>
                            <ul class="header-img">
                                <li>
                                    <p>包邮</p>
                                    <a href="#"><img src="xiaomi/phone7.jpg" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>

                                <li>
                                    <p>包邮</p>
                                    <a href="#"><img src="xiaomi/phone7.jpg" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>

                                <li>
                                    <p class="no"></p>
                                    <a href="#"><img src="xiaomi/phone7.jpg" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>

                                <li>
                                    <p class="no"></p>
                                    <a href="#"><img src="xiaomi/phone7.jpg" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>

                                <li>
                                    <p class="no"></p>
                                    <a href="#"><img src="xiaomi/phone7.jpg" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>

                                <li>
                                    <p class="no"></p>
                                    <a href="#"><img src="xiaomi/phone7.jpg" alt=""></a>
                                    <div class="text">
                                        <span><a href="#">小米6</a></span><br>
                                        <sapn class="color">2499元起</sapn>
                                    </div>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </header>
        </div>

    </section>


    <!--  轮播图  -->
    <div class="container">
        <div class="box">
            <ul class="img">
                <li class="img-first"><a href="#"><img src="xiaomi/lun1.jpg" alt=""></a></li>
                <li><a href="#"><img src="xiaomi/lun2.jpg" alt=""></a></li>
                <li><a href="#"><img src="xiaomi/lun3.jpg" alt=""></a></li>
                <li><a href="#"><img src="xiaomi/lun4.jpg" alt=""></a></li>
                <li><a href="#"><img src="xiaomi/lun5.jpg" alt=""></a></li>
                <li><a href="#"><img src="xiaomi/lun6.jpg" alt=""></a></li>
            </ul>

            <ul class="circle">
                <li class="white"><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
            </ul>

            <div class="click">
                <a href="#" class="prev"></a>
                <a href="#" class="next"></a>
            </div>

            <ul class="side">
                <li>
                    <a href="#">
                      <span>手机 电话卡</span>
                      <span class="jiantou">&gt;</span>
                  </a>
                </li>

                <li>
                    <a href="#">
                      <span>笔记本 平板</span>
                      <span class="jiantou">&gt;</span>
                  </a>
                </li>

                <li>
                    <a href="#">
                      <span>电视 盒子</span>
                      <span class="jiantou">&gt;</span>
                  </a>
                </li>

                <li>
                    <a href="#">
                      <span>路由器 智能硬件</span>
                      <span class="jiantou">&gt;</span>
                  </a>
                </li>

                <li>
                    <a href="#">
                      <span>移动电源 电池 插线板</span>
                      <span class="jiantou">&gt;</span>
                  </a>
                </li>

                <li>
                    <a href="#">
                      <span>耳机 音箱</span>
                      <span class="jiantou">&gt;</span>
                  </a>
                </li>

                <li>
                    <a href="#">
                      <span>保护套 贴膜</span>
                      <span class="jiantou">&gt;</span>
                  </a>
                </li>

                <li>
                    <a href="#">
                      <span>线材 支架 存储卡</span>
                      <span class="jiantou">&gt;</span>
                  </a>
                </li>

                <li>
                    <a href="#">
                      <span>箱包 服饰 鞋 眼镜</span>
                      <span class="jiantou">&gt;</span>
                  </a>
                </li>

                <li>
                    <a href="#">
                      <span>米兔 生活周边</span>
                      <span class="jiantou">&gt;</span>
                  </a>
                </li>

            </ul>

            <div class="current">
                <ul class="first">
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini.png" alt="">
                          <span>小米6</span>
                      </a>
                        <a href="#">
                            <p>选购</p>
                        </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini.png" alt="">
                          <span>小米6</span>
                      </a>
                        <a href="#">
                            <p>选购</p>
                        </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini.png" alt="">
                          <span>移动4G+专区</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini.png" alt="">
                          <span>小米6</span>
                      </a>
                        <a href="#">
                            <p>选购</p>
                        </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini.png" alt="">
                          <span>小米6</span>
                      </a>
                        <a href="#">
                            <p>选购</p>
                        </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini.png" alt="">
                          <span>移动4G+专区</span>
                      </a>
                    </li>
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini.png" alt="">
                          <span>小米6</span>
                      </a>
                        <a href="#">
                            <p>选购</p>
                        </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini.png" alt="">
                          <span>小米6</span>
                      </a>
                        <!-- <a href="#"><p>选购</p></a> -->
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini.png" alt="">
                          <span>移动4G+专区</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini.png" alt="">
                          <span>小米6</span>
                      </a>
                        <a href="#">
                            <p>选购</p>
                        </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini.png" alt="">
                          <span>小米6</span>
                      </a>
                        <a href="#">
                            <p>选购</p>
                        </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini.png" alt="">
                          <span>移动4G+专区</span>
                      </a>
                    </li>
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini.png" alt="">
                          <span>小米6</span>
                      </a>
                        <a href="#">
                            <p>选购</p>
                        </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini.png" alt="">
                          <span>小米6</span>
                      </a>
                        <a href="#">
                            <p>选购</p>
                        </a>
                    </li>

                    <li> </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini.png" alt="">
                          <span>小米6</span>
                      </a>
                        <a href="#">
                            <p>选购</p>
                        </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini.png" alt="">
                          <span>小米6</span>
                      </a>
                        <a href="#">
                            <p>选购</p>
                        </a>
                    </li>

                    <li></li>



                </ul>

                <ul class="second">
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini3.jpg" alt="">
                          <span>笔记本12.5英寸</span>
                      </a>
                        <a href="#">
                            <p>选购</p>
                        </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini3.jpg" alt="">
                          <span>悦米机械键盘</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini3.jpg" alt="">
                          <span>笔记本12.5英寸</span>
                      </a>
                        <a href="#">
                            <p>选购</p>
                        </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini3.jpg" alt="">
                          <span>悦米机械键盘</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini3.jpg" alt="">
                          <span>笔记本12.5英寸</span>
                      </a>
                        <a href="#">
                            <p>选购</p>
                        </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini3.jpg" alt="">
                          <span>悦米机械键盘</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini3.jpg" alt="">
                          <span>笔记本12.5英寸</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini3.jpg" alt="">
                          <span>悦米机械键盘</span>
                      </a>
                    </li>
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini3.jpg" alt="">
                          <span>笔记本12.5英寸</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini3.jpg" alt="">
                          <span>悦米机械键盘</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini3.jpg" alt="">
                          <span>笔记本12.5英寸</span>
                      </a>
                    </li>

                    <li></li>
                </ul>

                <ul class="third">
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini4.png" alt="">
                          <span>小米电视4 49英寸</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini4.png" alt="">
                          <span>小米电视4 49英寸</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini4.png" alt="">
                          <span>小米电视4 49英寸</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini4.png" alt="">
                          <span>小米电视4 49英寸</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini4.png" alt="">
                          <span>小米电视4 49英寸</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini4.png" alt="">
                          <span>小米电视4 49英寸</span>
                      </a>
                    </li>
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini4.png" alt="">
                          <span>小米电视4 49英寸</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini4.png" alt="">
                          <span>小米电视4 49英寸</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini4.png" alt="">
                          <span>小米电视4 49英寸</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini4.png" alt="">
                          <span>小米电视4 49英寸</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini4.png" alt="">
                          <span>小米电视4 49英寸</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini4.png" alt="">
                          <span>小米电视4 49英寸</span>
                      </a>
                    </li>
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini4.png" alt="">
                          <span>小米电视4 49英寸</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini4.png" alt="">
                          <span>小米电视4 49英寸</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini4.png" alt="">
                          <span>小米电视4 49英寸</span>
                      </a>
                    </li>

                    <li></li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini4.png" alt="">
                          <span>小米电视4 49英寸</span>
                      </a>
                    </li>
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini4.png" alt="">
                          <span>小米电视4 49英寸</span>
                      </a>
                    </li>
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini4.png" alt="">
                          <span>小米电视4 49英寸</span>
                      </a>
                    </li>
                    <li></li>
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini4.png" alt="">
                          <span>小米电视4 49英寸</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini4.png" alt="">
                          <span>小米电视4 49英寸</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini4.png" alt="">
                          <span>小米电视4 49英寸</span>
                      </a>
                    </li>
                    <li></li>
                </ul>

                <ul class="third">
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini5.jpg" alt="">
                          <span>米兔智能故事机</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini5.jpg" alt="">
                          <span>米兔智能故事机</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini5.jpg" alt="">
                          <span>米兔智能故事机</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini5.jpg" alt="">
                          <span>米兔智能故事机</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini5.jpg" alt="">
                          <span>米兔智能故事机</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini5.jpg" alt="">
                          <span>米兔智能故事机</span>
                      </a>
                    </li>
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini5.jpg" alt="">
                          <span>米兔智能故事机</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini5.jpg" alt="">
                          <span>米兔智能故事机</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini5.jpg" alt="">
                          <span>米兔智能故事机</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini5.jpg" alt="">
                          <span>米兔智能故事机</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini5.jpg" alt="">
                          <span>米兔智能故事机</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini5.jpg" alt="">
                          <span>米兔智能故事机</span>
                      </a>
                    </li>
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini5.jpg" alt="">
                          <span>米兔智能故事机</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini5.jpg" alt="">
                          <span>米兔智能故事机</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini5.jpg" alt="">
                          <span>米兔智能故事机</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini5.jpg" alt="">
                          <span>米兔智能故事机</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini5.jpg" alt="">
                          <span>米兔智能故事机</span>
                      </a>
                    </li>
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini5.jpg" alt="">
                          <span>米兔智能故事机</span>
                      </a>
                    </li>
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini5.jpg" alt="">
                          <span>米兔智能故事机</span>
                      </a>
                    </li>
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini5.jpg" alt="">
                          <span>米兔智能故事机</span>
                      </a>
                    </li>
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini5.jpg" alt="">
                          <span>米兔智能故事机</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini5.jpg" alt="">
                          <span>米兔智能故事机</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini5.jpg" alt="">
                          <span>米兔智能故事机</span>
                      </a>
                    </li>
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini5.jpg" alt="">
                          <span>米兔智能故事机</span>
                      </a>
                    </li>
                </ul>

                <ul class="second">
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini6.jpg" alt="">
                          <span>彩虹7号电池</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini6.jpg" alt="">
                          <span>彩虹7号电池</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini6.jpg" alt="">
                          <span>彩虹7号电池</span>
                      </a>
                    </li>

                    <li></li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini6.jpg" alt="">
                          <span>彩虹7号电池</span>
                      </a>
                    </li>

                    <li></li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini6.jpg" alt="">
                          <span>彩虹7号电池</span>
                      </a>
                    </li>

                    <li></li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini6.jpg" alt="">
                          <span>彩虹7号电池</span>
                      </a>
                    </li>

                    <li></li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini6.jpg" alt="">
                          <span>彩虹7号电池</span>
                      </a>
                    </li>

                    <li></li>
                </ul>

                <ul class="third">
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini7.jpg" alt="">
                          <span>小米降噪耳机</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini7.jpg" alt="">
                          <span>小米降噪耳机</span>
                      </a>
                    </li>
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini7.jpg" alt="">
                          <span>小米降噪耳机</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini7.jpg" alt="">
                          <span>小米降噪耳机</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini7.jpg" alt="">
                          <span>小米降噪耳机</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini7.jpg" alt="">
                          <span>小米降噪耳机</span>
                      </a>
                    </li>
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini7.jpg" alt="">
                          <span>小米降噪耳机</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini7.jpg" alt="">
                          <span>小米降噪耳机</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini7.jpg" alt="">
                          <span>小米降噪耳机</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini7.jpg" alt="">
                          <span>小米降噪耳机</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini7.jpg" alt="">
                          <span>小米降噪耳机</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini7.jpg" alt="">
                          <span>小米降噪耳机</span>
                      </a>
                    </li>
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini7.jpg" alt="">
                          <span>小米降噪耳机</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini7.jpg" alt="">
                          <span>小米降噪耳机</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini7.jpg" alt="">
                          <span>小米降噪耳机</span>
                      </a>
                    </li>

                    <li></li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini7.jpg" alt="">
                          <span>小米降噪耳机</span>
                      </a>
                    </li>
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini7.jpg" alt="">
                          <span>小米降噪耳机</span>
                      </a>
                    </li>
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini7.jpg" alt="">
                          <span>小米降噪耳机</span>
                      </a>
                    </li>
                    <li></li>
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini7.jpg" alt="">
                          <span>小米降噪耳机</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini7.jpg" alt="">
                          <span>小米降噪耳机</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini7.jpg" alt="">
                          <span>小米降噪耳机</span>
                      </a>
                    </li>
                    <li></li>
                </ul>

                <ul class="forth">
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini8.jpg" alt="">
                          <span>贴膜</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini8.jpg" alt="">
                          <span>贴膜</span>
                      </a>
                    </li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>

                <ul class="forth">
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini9.jpg" alt="">
                          <span>线材</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini9.jpg" alt="">
                          <span>线材</span>
                      </a>
                    </li>
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini9.jpg" alt="">
                          <span>线材</span>
                      </a>
                    </li>
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini9.jpg" alt="">
                          <span>线材</span>
                      </a>
                    </li>
                    <li></li>
                    <li></li>
                </ul>

                <ul class="forth">
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini10.jpg" alt="">
                          <span>90分旅行箱</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini10.jpg" alt="">
                          <span>90分旅行箱</span>
                      </a>
                    </li>
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini10.jpg" alt="">
                          <span>90分旅行箱</span>
                      </a>
                    </li>
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini10.jpg" alt="">
                          <span>90分旅行箱</span>
                      </a>
                    </li>
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini10.jpg" alt="">
                          <span>90分旅行箱</span>
                      </a>
                    </li>
                    <li></li>
                </ul>

                <ul class="forth">
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini11.jpg" alt="">
                          <span>米兔玩偶</span>
                      </a>
                    </li>

                    <li>
                        <a href="#">
                          <img src="xiaomi/mini11.jpg" alt="">
                          <span>米兔玩偶</span>
                      </a>
                    </li>
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini11.jpg" alt="">
                          <span>米兔玩偶</span>
                      </a>
                    </li>
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini11.jpg" alt="">
                          <span>米兔玩偶</span>
                      </a>
                    </li>
                    <li>
                        <a href="#">
                          <img src="xiaomi/mini11.jpg" alt="">
                          <span>米兔玩偶</span>
                      </a>
                    </li>
                    <li></li>
                </ul>

            </div>

        </div>
    </div>

    <!--  轮播图下面  -->
    <div class="container">
        <div class="card">
            <ul class="inner">
                <li>
                    <a href="#">
                        <i class="fa fa-credit-card" aria-hidden="true"></i>
                        <p>话费充值</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="fa fa-credit-card" aria-hidden="true"></i>
                        <p>话费充值</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="fa fa-credit-card" aria-hidden="true"></i>
                        <p>话费充值</p>
                    </a>
                </li>
                <li class="bottom">
                    <a href="#">
                        <i class="fa fa-credit-card" aria-hidden="true"></i>
                        <p>话费充值</p>
                    </a>
                </li>
                <li class="bottom">
                    <a href="#">
                        <i class="fa fa-credit-card" aria-hidden="true"></i>
                        <p>话费充值</p>
                    </a>
                </li>
                <li class="bottom">
                    <a href="#">
                        <i class="fa fa-credit-card" aria-hidden="true"></i>
                        <p>话费充值</p>
                    </a>
                </li>

            </ul>

            <span><a href="#"><img src="xiaomi/xm.jpg" alt=""></a></span><span><a href="#"><img src="xiaomi/xm.jpg" alt=""></a></span><span><a href="#"><img src="xiaomi/xm.jpg" alt=""></a></span>
        </div>
    </div>

    <!--  点击按钮左右移动图片  -->
    <div class="container con-middle">
        <p>小米明星单品</p>
        <div class="btn-click">
            <span class="btn-prev">&lt;</span><span class="btn-next add">&gt;</span>
        </div>
    </div>
    
    <!--  左右移动切换图片  -->
    <div class="container tu">
        <div class="photo">
            <ul class="photo-left">
                <li class="orange">
                    <a href="#"><img src="xiaomi/img1.png" alt=""></a>
                    <div class="text">
                        <a href="#">小米MIX</a>
                        <p>6.4"全面屏 陶瓷机身</p>
                        <span>3499元起</span>
                    </div>
                </li>
                <li class="green">
                    <a href="#"><img src="xiaomi/img1.png" alt=""></a>
                    <div class="text">
                        <a href="#">小米MIX</a>
                        <p>6.4"全面屏 陶瓷机身</p>
                        <span>3499元起</span>
                    </div>
                </li>
                <li class="blue">
                    <a href="#"><img src="xiaomi/img1.png" alt=""></a>
                    <div class="text">
                        <a href="#">小米MIX</a>
                        <p>6.4"全面屏 陶瓷机身</p>
                        <span>3499元起</span>
                    </div>
                </li>
                <li class="red">
                    <a href="#"><img src="xiaomi/img1.png" alt=""></a>
                    <div class="text">
                        <a href="#">小米MIX</a>
                        <p>6.4"全面屏 陶瓷机身</p>
                        <span>3499元起</span>
                    </div>
                </li>
                <li class="green2">
                    <a href="#"><img src="xiaomi/img1.png" alt=""></a>
                    <div class="text">
                        <a href="#">小米MIX</a>
                        <p>6.4"全面屏 陶瓷机身</p>
                        <span>3499元起</span>
                    </div>
                </li>

            </ul>

            <ul class="photo-left">
                <li class="orange">
                    <a href="#"><img src="xiaomi/img2.png" alt=""></a>
                    <div class="text">
                        <a href="#">小米MIX</a>
                        <p>6.4"全面屏 陶瓷机身</p>
                        <span>3499元起</span>
                    </div>
                </li>
                <li class="green">
                    <a href="#"><img src="xiaomi/img2.png" alt=""></a>
                    <div class="text">
                        <a href="#">小米MIX</a>
                        <p>6.4"全面屏 陶瓷机身</p>
                        <span>3499元起</span>
                    </div>
                </li>
                <li class="blue">
                    <a href="#"><img src="xiaomi/img2.png" alt=""></a>
                    <div class="text">
                        <a href="#">小米MIX</a>
                        <p>6.4"全面屏 陶瓷机身</p>
                        <span>3499元起</span>
                    </div>
                </li>
                <li class="red">
                    <a href="#"><img src="xiaomi/img2.png" alt=""></a>
                    <div class="text">
                        <a href="#">小米MIX</a>
                        <p>6.4"全面屏 陶瓷机身</p>
                        <span>3499元起</span>
                    </div>
                </li>
                <li class="green2">
                    <a href="#"><img src="xiaomi/img2.png" alt=""></a>
                    <div class="text">
                        <a href="#">小米MIX</a>
                        <p>6.4"全面屏 陶瓷机身</p>
                        <span>3499元起</span>
                    </div>
                </li>

            </ul>
        </div>
    </div>

    <main>
        <div class="container aijing">
            <ul class="content TV">
               <li>家电</li>
               <li>
                   <a href="#" class="orange1">热门</a>
                   <a href="#">电视影音</a>
                   <a href="#">电脑</a>
                   <a href="#">家居</a>
               </li>
            </ul>

            <div class="imgs">

                <div class="imgs-left">
                    <a href="#"><img src="xiaomi/jiadian0.jpg" alt=""></a>
                </div>

                <ul class="imgs-right m">
                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new a">新品</div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                    </li>

        
                        <div class="top up">
                            <span>
                                <a href="#">小白摄像机</a>
                                <p>399元</p>
                            </span>
                            <a href="#"><img src="xiaomi/jiadian01.jpg" alt=""></a>
                        </div>
                        <div class="top bottom">
                            <span>
                                <a href="#">浏览更多</a>
                                <p>热门</p>
                            </span>
                            <a href="#"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a>
                        </div>
        
                </ul>

                 <ul class="imgs-right">
                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>
                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

               
                        <div class="top up">
                            <span>
                                <a href="#">小白摄像机</a>
                                <p>399元</p>
                            </span>
                            <a href="#"><img src="xiaomi/jiadian01.jpg" alt=""></a>
                        </div>
                        <div class="top bottom">
                            <span>
                                <a href="#">浏览更多</a>
                                <p>电视影音</p>
                            </span>
                            <a href="#"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a>
                        </div>
             
                 </ul>

                 <ul class="imgs-right">
                    <li>
                        <div class="new a">新品</div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>
                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

             
                        <div class="top up">
                            <span>
                                <a href="#">小白摄像机</a>
                                <p>399元</p>
                            </span>
                            <a href="#"><img src="xiaomi/jiadian01.jpg" alt=""></a>
                        </div>
                        <div class="top bottom">
                            <span>
                                <a href="#">浏览更多</a>
                                <p>电脑</p>
                            </span>
                            <a href="#"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a>
                        </div>
           
                 </ul>

                 <ul class="imgs-right">
                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new a">新品</div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>
                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

           
                        <div class="top up">
                            <span>
                                <a href="#">小白摄像机</a>
                                <p>399元</p>
                            </span>
                            <a href="#"><img src="xiaomi/jiadian01.jpg" alt=""></a>
                        </div>
                        <div class="top bottom">
                            <span>
                                <a href="#">浏览更多</a>
                                <p>家居</p>
                            </span>
                            <a href="#"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a>
                        </div>
                 </ul>

            </div>
        </div>
        <div class="container aijing">
            <ul class="content ZN">
               <li>家电</li>
               <li>
                   <a href="#" class="orange1">热门</a>
                   <a href="#">电视影音</a>
                   <a href="#">电脑</a>
                   <a href="#">家居</a>
                   <a href="#">家居</a>
               </li>
            </ul>

            <div class="imgs">

                <div class="imgs-left">
                    <a href="#"><img src="xiaomi/jiadian0.jpg" alt=""></a>
                </div>

                <ul class="imgs-right m IMG">
                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new a">新品</div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                    </li>

                     
                        <div class="top up">
                            <span>
                                <a href="#">小白摄像机</a>
                                <p>399元</p>
                            </span>
                            <a href="#"><img src="xiaomi/jiadian01.jpg" alt=""></a>
                        </div>
                        <div class="top bottom">
                            <span>
                                <a href="#">浏览更多</a>
                                <p>热门</p>
                            </span>
                            <a href="#"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a>
                        </div>
              
                </ul>

                 <ul class="imgs-right IMG">
                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>
                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

               
                        <div class="top up">
                            <span>
                                <a href="#">小白摄像机</a>
                                <p>399元</p>
                            </span>
                            <a href="#"><img src="xiaomi/jiadian01.jpg" alt=""></a>
                        </div>
                        <div class="top bottom">
                            <span>
                                <a href="#">浏览更多</a>
                                <p>电视影音</p>
                            </span>
                            <a href="#"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a>
                        </div>
                   
                 </ul>

                 <ul class="imgs-right IMG">
                    <li>
                        <div class="new a">新品</div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>
                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                  
                        <div class="top up">
                            <span>
                                <a href="#">小白摄像机</a>
                                <p>399元</p>
                            </span>
                            <a href="#"><img src="xiaomi/jiadian01.jpg" alt=""></a>
                        </div>
                        <div class="top bottom">
                            <span>
                                <a href="#">浏览更多</a>
                                <p>电脑</p>
                            </span>
                            <a href="#"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a>
                        </div>
                   
                 </ul>

                 <ul class="imgs-right IMG">
                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new a">新品</div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>
                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                 
                        <div class="top up">
                            <span>
                                <a href="#">小白摄像机</a>
                                <p>399元</p>
                            </span>
                            <a href="#"><img src="xiaomi/jiadian01.jpg" alt=""></a>
                        </div>
                        <div class="top bottom">
                            <span>
                                <a href="#">浏览更多</a>
                                <p>家居</p>
                            </span>
                            <a href="#"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a>
                        </div>
                 
                 </ul>

                 <ul class="imgs-right IMG">
                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new a">新品</div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>
                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                   
                        <div class="top up">
                            <span>
                                <a href="#">小白摄像机</a>
                                <p>399元</p>
                            </span>
                            <a href="#"><img src="xiaomi/jiadian01.jpg" alt=""></a>
                        </div>
                        <div class="top bottom">
                            <span>
                                <a href="#">浏览更多</a>
                                <p>家居</p>
                            </span>
                            <a href="#"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a>
                        </div>
                 </ul>

            </div>
        </div>
        <div class="container aijing">
            <ul class="content DP">
               <li>搭配</li>
               <li>
                   <a href="#" class="orange1">热门</a>
                   <a href="#">电视影音</a>
                   <a href="#">电脑</a>
                   <a href="#">家居</a>
               </li>
            </ul>

            <div class="imgs">

                <div class="imgs-left">
                    <a href="#"><img src="xiaomi/jiadian0.jpg" alt=""></a>
                </div>

                <ul class="imgs-right m dapei">
                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new a">新品</div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                    </li>

                        <div class="top up">
                            <span>
                                <a href="#">小白摄像机</a>
                                <p>399元</p>
                            </span>
                            <a href="#"><img src="xiaomi/jiadian01.jpg" alt=""></a>
                        </div>
                        <div class="top bottom">
                            <span>
                                <a href="#">浏览更多</a>
                                <p>热门</p>
                            </span>
                            <a href="#"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a>
                        </div>
              
                </ul>

                 <ul class="imgs-right dapei">
                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>
                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

            
                        <div class="top up">
                            <span>
                                <a href="#">小白摄像机</a>
                                <p>399元</p>
                            </span>
                            <a href="#"><img src="xiaomi/jiadian01.jpg" alt=""></a>
                        </div>
                        <div class="top bottom">
                            <span>
                                <a href="#">浏览更多</a>
                                <p>电视影音</p>
                            </span>
                            <a href="#"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a>
                        </div>
            
                 </ul>

                 <ul class="imgs-right dapei">
                    <li>
                        <div class="new a">新品</div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>
                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                
                        <div class="top up">
                            <span>
                                <a href="#">小白摄像机</a>
                                <p>399元</p>
                            </span>
                            <a href="#"><img src="xiaomi/jiadian01.jpg" alt=""></a>
                        </div>
                        <div class="top bottom">
                            <span>
                                <a href="#">浏览更多</a>
                                <p>电脑</p>
                            </span>
                            <a href="#"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a>
                        </div>
               
                 </ul>

                 <ul class="imgs-right dapei">
                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new a">新品</div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>
                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                   
                        <div class="top up">
                            <span>
                                <a href="#">小白摄像机</a>
                                <p>399元</p>
                            </span>
                            <a href="#"><img src="xiaomi/jiadian01.jpg" alt=""></a>
                        </div>
                        <div class="top bottom">
                            <span>
                                <a href="#">浏览更多</a>
                                <p>家居</p>
                            </span>
                            <a href="#"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a>
                        </div>
             
                 </ul>

            </div>
        </div>
        <div class="container aijing">
            <ul class="content PJ">
               <li>配件</li>
               <li>
                   <a href="#" class="orange1">热门</a>
                   <a href="#">电视影音</a>
                   <a href="#">电脑</a>
                   <a href="#">家居</a>
               </li>
            </ul>

            <div class="imgs">

                <div class="imgs-left">
                    <a href="#"><img src="xiaomi/jiadian0.jpg" alt=""></a>
                </div>

                <ul class="imgs-right m peijian">
                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new a">新品</div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                    </li>

                 
                        <div class="top up">
                            <span>
                                <a href="#">小白摄像机</a>
                                <p>399元</p>
                            </span>
                            <a href="#"><img src="xiaomi/jiadian01.jpg" alt=""></a>
                        </div>
                        <div class="top bottom">
                            <span>
                                <a href="#">浏览更多</a>
                                <p>热门</p>
                            </span>
                            <a href="#"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a>
                        </div>
                 
                </ul>

                 <ul class="imgs-right peijian">
                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>
                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                   
                        <div class="top up">
                            <span>
                                <a href="#">小白摄像机</a>
                                <p>399元</p>
                            </span>
                            <a href="#"><img src="xiaomi/jiadian01.jpg" alt=""></a>
                        </div>
                        <div class="top bottom">
                            <span>
                                <a href="#">浏览更多</a>
                                <p>电视影音</p>
                            </span>
                            <a href="#"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a>
                        </div>
                 
                 </ul>

                 <ul class="imgs-right peijian">
                    <li>
                        <div class="new a">新品</div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>
                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                  
                        <div class="top up">
                            <span>
                                <a href="#">小白摄像机</a>
                                <p>399元</p>
                            </span>
                            <a href="#"><img src="xiaomi/jiadian01.jpg" alt=""></a>
                        </div>
                        <div class="top bottom">
                            <span>
                                <a href="#">浏览更多</a>
                                <p>电脑</p>
                            </span>
                            <a href="#"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a>
                        </div>
                 </ul>

                 <ul class="imgs-right peijian">
                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new a">新品</div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>
                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                        <div class="top up">
                            <span>
                                <a href="#">小白摄像机</a>
                                <p>399元</p>
                            </span>
                            <a href="#"><img src="xiaomi/jiadian01.jpg" alt=""></a>
                        </div>
                        <div class="top bottom">
                            <span>
                                <a href="#">浏览更多</a>
                                <p>家居</p>
                            </span>
                            <a href="#"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a>
                        </div>
                 </ul>

            </div>
        </div>
        <div class="container aijing">
            <ul class="content ZB">
               <li>周边</li>
               <li>
                   <a href="#" class="orange1">热门</a>
                   <a href="#">电视影音</a>
                   <a href="#">电脑</a>
                   <a href="#">家居</a>
                   <a href="#">家居</a>
               </li>
            </ul>

            <div class="imgs">

                <div class="imgs-left">
                    <a href="#"><img src="xiaomi/jiadian0.jpg" alt=""></a>
                </div>

                <ul class="imgs-right m zhoubian">
                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new a">新品</div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian1.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元</span>
                        </div>
                    </li>

                  
                        <div class="top up">
                            <span>
                                <a href="#">小白摄像机</a>
                                <p>399元</p>
                            </span>
                            <a href="#"><img src="xiaomi/jiadian01.jpg" alt=""></a>
                        </div>
                        <div class="top bottom">
                            <span>
                                <a href="#">浏览更多</a>
                                <p>热门</p>
                            </span>
                            <a href="#"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a>
                        </div>
                   
                </ul>

                 <ul class="imgs-right zhoubian">
                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>
                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian2.png" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                        <div class="tire">
                            <p>比较大，喜欢小米怎么看怎么好</p>
                            <p>来自于 白杨love小河的评价</p>
                        </div>
                    </li>

                
                        <div class="top up">
                            <span>
                                <a href="#">小白摄像机</a>
                                <p>399元</p>
                            </span>
                            <a href="#"><img src="xiaomi/jiadian01.jpg" alt=""></a>
                        </div>
                        <div class="top bottom">
                            <span>
                                <a href="#">浏览更多</a>
                                <p>电视影音</p>
                            </span>
                            <a href="#"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a>
                        </div>
            
                 </ul>

                 <ul class="imgs-right zhoubian">
                    <li>
                        <div class="new a">新品</div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>
                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                
                        <div class="top up">
                            <span>
                                <a href="#">小白摄像机</a>
                                <p>399元</p>
                            </span>
                            <a href="#"><img src="xiaomi/jiadian01.jpg" alt=""></a>
                        </div>
                        <div class="top bottom">
                            <span>
                                <a href="#">浏览更多</a>
                                <p>电脑</p>
                            </span>
                            <a href="#"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a>
                        </div>
        
                 </ul>

                 <ul class="imgs-right zhoubian">
                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new a">新品</div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>
                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian4.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">米家恒温电水壶</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>199元</span>
                        </div>
                    </li>

                
                        <div class="top up">
                            <span>
                                <a href="#">小白摄像机</a>
                                <p>399元</p>
                            </span>
                            <a href="#"><img src="xiaomi/jiadian01.jpg" alt=""></a>
                        </div>
                        <div class="top bottom">
                            <span>
                                <a href="#">浏览更多</a>
                                <p>家居</p>
                            </span>
                            <a href="#"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a>
                        </div>
             
                 </ul>
                
                 <ul class="imgs-right zhoubian">
                    <li>
                        <div class="new a">新品</div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                    <li>
                        <div class="new"></div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>
                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                    <li>
                        <div class="new red">享9折</div>
                        <a href="#"><img src="xiaomi/jiadian3.jpg" alt=""></a>
                        <div class="text">
                            <a href="#">小米电视4A 49英寸</a>
                            <p>8月23日小米电视品牌日，立减400元</p>
                            <span>2599元<s>3499</s></span>
                        </div>
                    </li>

                
                        <div class="top up">
                            <span>
                                <a href="#">小白摄像机</a>
                                <p>399元</p>
                            </span>
                            <a href="#"><img src="xiaomi/jiadian01.jpg" alt=""></a>
                        </div>
                        <div class="top bottom">
                            <span>
                                <a href="#">浏览更多</a>
                                <p>电脑</p>
                            </span>
                            <a href="#"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a>
                        </div>
        
                 </ul>
                
            </div>
        </div>

        <!--  为你推荐  -->
        <div class="container con-middle">
           <p>为你推荐</p>
           <div class="btn-click-bottom">
           <span class="prev-bottom">&lt;</span><span class="next-bottom add">&gt;</span>
           </div>
        </div>

    <div class="tup">
        <div class="photos">
            <ul class="photos-right">
                <li>
                    <a href="#"><img src="xiaomi/tuijian1.jpg" alt=""></a>
                    <div class="text">
                        <a href="#">小米MIX</a>
                        <p>6.4"全面屏 陶瓷机身</p>
                        <span>3499元起</span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="xiaomi/tuijian1.jpg" alt=""></a>
                    <div class="text">
                        <a href="#">小米MIX</a>
                        <p>6.4"全面屏 陶瓷机身</p>
                        <span>3499元起</span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="xiaomi/tuijian1.jpg" alt=""></a>
                    <div class="text">
                        <a href="#">小米MIX</a>
                        <p>6.4"全面屏 陶瓷机身</p>
                        <span>3499元起</span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="xiaomi/tuijian1.jpg" alt=""></a>
                    <div class="text">
                        <a href="#">小米MIX</a>
                        <p>6.4"全面屏 陶瓷机身</p>
                        <span>3499元起</span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="xiaomi/tuijian1.jpg" alt=""></a>
                    <div class="text">
                        <a href="#">小米MIX</a>
                        <p>6.4"全面屏 陶瓷机身</p>
                        <span>3499元起</span>
                    </div>
                </li>

            </ul>

            <ul class="photos-right">
                <li>
                    <a href="#"><img src="xiaomi/tuijian2.jpg" alt=""></a>
                    <div class="text">
                        <a href="#">小米MIX</a>
                        <p>6.4"全面屏 陶瓷机身</p>
                        <span>3499元起</span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="xiaomi/tuijian2.jpg" alt=""></a>
                    <div class="text">
                        <a href="#">小米MIX</a>
                        <p>6.4"全面屏 陶瓷机身</p>
                        <span>3499元起</span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="xiaomi/tuijian2.jpg" alt=""></a>
                    <div class="text">
                        <a href="#">小米MIX</a>
                        <p>6.4"全面屏 陶瓷机身</p>
                        <span>3499元起</span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="xiaomi/tuijian2.jpg" alt=""></a>
                    <div class="text">
                        <a href="#">小米MIX</a>
                        <p>6.4"全面屏 陶瓷机身</p>
                        <span>3499元起</span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="xiaomi/tuijian2.jpg" alt=""></a>
                    <div class="text">
                        <a href="#">小米MIX</a>
                        <p>6.4"全面屏 陶瓷机身</p>
                        <span>3499元起</span>
                    </div>
                </li>

            </ul>

            <ul class="photos-right">
                <li>
                    <a href="#"><img src="xiaomi/tuijian3.jpg" alt=""></a>
                    <div class="text">
                        <a href="#">小米MIX</a>
                        <p>6.4"全面屏 陶瓷机身</p>
                        <span>3499元起</span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="xiaomi/tuijian3.jpg" alt=""></a>
                    <div class="text">
                        <a href="#">小米MIX</a>
                        <p>6.4"全面屏 陶瓷机身</p>
                        <span>3499元起</span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="xiaomi/tuijian3.jpg" alt=""></a>
                    <div class="text">
                        <a href="#">小米MIX</a>
                        <p>6.4"全面屏 陶瓷机身</p>
                        <span>3499元起</span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="xiaomi/tuijian3.jpg" alt=""></a>
                    <div class="text">
                        <a href="#">小米MIX</a>
                        <p>6.4"全面屏 陶瓷机身</p>
                        <span>3499元起</span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="xiaomi/tuijian3.jpg" alt=""></a>
                    <div class="text">
                        <a href="#">小米MIX</a>
                        <p>6.4"全面屏 陶瓷机身</p>
                        <span>3499元起</span>
                    </div>
                </li>

            </ul>

            <ul class="photos-right">
                <li>
                    <a href="#"><img src="xiaomi/tuijian4.jpg" alt=""></a>
                    <div class="text">
                        <a href="#">小米MIX</a>
                        <p>6.4"全面屏 陶瓷机身</p>
                        <span>3499元起</span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="xiaomi/tuijian4.jpg" alt=""></a>
                    <div class="text">
                        <a href="#">小米MIX</a>
                        <p>6.4"全面屏 陶瓷机身</p>
                        <span>3499元起</span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="xiaomi/tuijian4.jpg" alt=""></a>
                    <div class="text">
                        <a href="#">小米MIX</a>
                        <p>6.4"全面屏 陶瓷机身</p>
                        <span>3499元起</span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="xiaomi/tuijian4.jpg" alt=""></a>
                    <div class="text">
                        <a href="#">小米MIX</a>
                        <p>6.4"全面屏 陶瓷机身</p>
                        <span>3499元起</span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="xiaomi/tuijian4.jpg" alt=""></a>
                    <div class="text">
                        <a href="#">小米MIX</a>
                        <p>6.4"全面屏 陶瓷机身</p>
                        <span>3499元起</span>
                    </div>
                </li>

            </ul>
        </div>
    </div>

         <!--  热评产品  -->
         
         <div class="container hott">
             <p>热评产品</p>
             <ul class="reping">
                 <li>
                     <a href="#"><img src="xiaomi/reping.jpg" alt=""></a>
                     <div class="text">
                        <a href="#">超级喜欢！小巧玲珑！音质完美！不知道为什么！
                             只要是小米出的东西我都喜欢！
                        </a>
                        <p>来自于 田密 的评价</p>
                        <a href="#">小米随身蓝牙音箱</a> <span>|</span>
                        <span class="money">69元</span>
                     </div>
                 </li>

                 <li>
                     <a href="#"><img src="xiaomi/reping.jpg" alt=""></a>
                     <div class="text">
                        <a href="#">超级喜欢！小巧玲珑！音质完美！不知道为什么！
                             只要是小米出的东西我都喜欢！
                        </a>
                        <p>来自于 田密 的评价</p>
                        <a href="#">小米随身蓝牙音箱</a> <span>|</span>
                        <span class="money">69元</span>
                     </div>
                 </li>

                 <li>
                     <a href="#"><img src="xiaomi/reping.jpg" alt=""></a>
                     <div class="text">
                        <a href="#">超级喜欢！小巧玲珑！音质完美！不知道为什么！
                             只要是小米出的东西我都喜欢！
                        </a>
                        <p>来自于 田密 的评价</p>
                        <a href="#">小米随身蓝牙音箱</a> <span>|</span>
                        <span class="money">69元</span>
                     </div>
                 </li>

                 <li>
                     <a href="#"><img src="xiaomi/reping.jpg" alt=""></a>
                     <div class="text">
                        <a href="#">超级喜欢！小巧玲珑！音质完美！不知道为什么！
                             只要是小米出的东西我都喜欢！
                        </a>
                        <p>来自于 田密 的评价</p>
                        <a href="#">小米随身蓝牙音箱</a> <span>|</span>
                        <span class="money">69元</span>
                     </div>
                 </li>
             </ul>
         </div>

         <!--  内容  -->
         <div class="container hott">
             <p class="neirong">内容</p>
             <div class="flex">
                  <!-- 第一部分  -->
             <ul class="reping here">
                 <li class="orange">
                     <p>图书</p>
                     <div class="cover">
                         <div class="current app">
                             <span><a href="#">哈利·波特与被诅咒的孩子</a></span>
                             <p>“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                             <p class="money">29.37元</p>
                             <a href="#"><img src="xiaomi/tushu1.png" alt=""></a>
                         </div>
                         <div class="current">
                             <span><a href="#">好吗好的</a></span>
                             <p>“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                             <p class="money">29.37元</p>
                             <a href="#"><img src="xiaomi/tushu2.png" alt=""></a>
                         </div>
                         <div class="current">
                             <span><a href="#">哈利·波特与被诅咒的孩子</a></span>
                             <p>“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                             <p class="money">29.37元</p>
                             <a href="#"><img src="xiaomi/tushu3.jpg" alt=""></a>
                         </div>
                     </div>
                     <ul class="yuan">
                         <li class="yuanquan"></li>
                         <li></li>
                         <li></li>
                     </ul>
                     <div class="enter">
                         <span class="wcf">&lt;</span>
                         <span class="cyw">&gt;</span>
                     </div>
                 </li>      
             </ul>
             
             <!--  第二部分  -->
             <ul class="reping here">
                 <li class="green">
                     <p>MIUI 主题</p>
                     <div class="cover">
                         <div class="current second">
                             <span><a href="#">哈利·波特与被诅咒的孩子</a></span>
                             <p>“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                             <p class="money">29.37元</p>
                             <a href="#"><img src="xiaomi/tushu1.png" alt=""></a>
                         </div>
                         <div class="current second">
                             <span><a href="#">好吗好的</a></span>
                             <p>“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                             <p class="money">29.37元</p>
                             <a href="#"><img src="xiaomi/tushu2.png" alt=""></a>
                         </div>
                         <div class="current second">
                             <span><a href="#">哈利·波特与被诅咒的孩子</a></span>
                             <p>“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                             <p class="money">29.37元</p>
                             <a href="#"><img src="xiaomi/tushu3.jpg" alt=""></a>
                         </div>
                            <div class="current second">
                             <span><a href="#">哈利·波特与被诅咒的孩子</a></span>
                             <p>“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                             <p class="money">29.37元</p>
                             <a href="#"><img src="xiaomi/tushu1.png" alt=""></a>
                         </div>
                     </div>
                     <ul class="yuan">
                         <li class="yuanquan"></li>
                         <li></li>
                         <li></li>
                         <li></li>
                     </ul>
                     <div class="enter">
                         <span class="wcf">&lt;</span>
                         <span class="cyw">&gt;</span>
                     </div>
                 </li>      
             </ul>

             <!--  第三部分  -->
             <ul class="reping here">
                 <li class="red">
                     <p>图书</p>
                     <div class="cover">
                         <div class="current">
                             <span><a href="#">哈利·波特与被诅咒的孩子</a></span>
                             <p>“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                             <p class="money">29.37元</p>
                             <a href="#"><img src="xiaomi/tushu1.png" alt=""></a>
                         </div>
                         <div class="current">
                             <span><a href="#">好吗好的</a></span>
                             <p>“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                             <p class="money">29.37元</p>
                             <a href="#"><img src="xiaomi/tushu2.png" alt=""></a>
                         </div>
                         <div class="current">
                             <span><a href="#">哈利·波特与被诅咒的孩子</a></span>
                             <p>“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                             <p class="money">29.37元</p>
                             <a href="#"><img src="xiaomi/tushu3.jpg" alt=""></a>
                         </div>
                     </div>
                     <ul class="yuan">
                         <li class="yuanquan"></li>
                         <li></li>
                         <li></li>
                     </ul>
                     <div class="enter">
                         <span class="wcf">&lt;</span>
                         <span class="cyw">&gt;</span>
                     </div>
                 </li>      
             </ul>

             <!--  第四部分  -->
             <ul class="reping here">
                 <li class="blue">
                     <p>MIUI 主题</p>
                     <div class="cover">
                         <div class="current second">
                             <span><a href="#">哈利·波特与被诅咒的孩子</a></span>
                             <p>“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                             <p class="money">29.37元</p>
                             <a href="#"><img src="xiaomi/tushu1.png" alt=""></a>
                         </div>
                         <div class="current second">
                             <span><a href="#">好吗好的</a></span>
                             <p>“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                             <p class="money">29.37元</p>
                             <a href="#"><img src="xiaomi/tushu2.png" alt=""></a>
                         </div>
                         <div class="current second">
                             <span><a href="#">哈利·波特与被诅咒的孩子</a></span>
                             <p>“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                             <p class="money">29.37元</p>
                             <a href="#"><img src="xiaomi/tushu3.jpg" alt=""></a>
                         </div>
                            <div class="current second">
                             <span><a href="#">哈利·波特与被诅咒的孩子</a></span>
                             <p>“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                             <p class="money">29.37元</p>
                             <a href="#"><img src="xiaomi/tushu1.png" alt=""></a>
                         </div>
                     </div>
                     <ul class="yuan">
                         <li class="yuanquan"></li>
                         <li></li>
                         <li></li>
                         <li></li>
                     </ul>
                     <div class="enter">
                         <span class="wcf">&lt;</span>
                         <span class="cyw">&gt;</span>
                     </div>
                 </li>      
             </ul>
             </div>
         </div>

          <!--  视频 -->
         <div class="container con-middle">
           <p>视频</p>
           <div class="all">
               <span>查看全部</span>
               <i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
           </div>
        </div>
        
        <div class="container shipin">
           <ul class="mv">
             <li>
                <a href="#"><div class="play"><i class="fa fa-play" aria-hidden="true"></i></div></i></a>
                <p>小米5X 外观视频</p>
                <span>吴亦凡倾情演绎</span>
             </li>
           </ul>
           <ul class="mv">
            <li>
                <a href="#"><div class="play"><i class="fa fa-play" aria-hidden="true"></i></div></i></a>
                <p>小米5X 外观视频</p>
                <span>吴亦凡倾情演绎</span>
            </li>
           </ul>
           <ul class="mv">
            <li>
                <a href="#"><div class="play"><i class="fa fa-play" aria-hidden="true"></i></div></i></a>
                <p>小米5X 外观视频</p>
                <span>吴亦凡倾情演绎</span>
            </li>
           </ul>
           <ul class="mv">
            <li>
                <a href="#"><div class="play"><i class="fa fa-play" aria-hidden="true"></i></div></i></a>
                <p>小米5X 外观视频</p>
                <span>吴亦凡倾情演绎</span>
            </li>
          </ul>
        </div>
         
    </main>

    <!--  footer  -->
    <footer>
        <div class="container">
            <ul class="server">
                <li>
                    <a href="">
                        <i class="fa fa-gift" aria-hidden="true"></i>
                        满150元包邮
                    </a>
                </li>
                <li>
                    <a href="">
                        <i class="fa fa-gift" aria-hidden="true"></i>
                        满150元包邮
                    </a>
                </li>
                <li>
                    <a href="">
                        <i class="fa fa-gift" aria-hidden="true"></i>
                        满150元包邮
                    </a>
                </li>
                <li>
                    <a href="">
                        <i class="fa fa-gift" aria-hidden="true"></i>
                        满150元包邮
                    </a>
                </li>
                <li>
                    <a href="">
                        <i class="fa fa-gift" aria-hidden="true"></i>
                        满150元包邮
                    </a>
                </li>
            </ul>
            <hr>
            <div class="center">
                <ul class="help">
                     <li class="first">帮助中心</li>
                     <li><a href="#">账户管理</a></li>
                     <li><a href="#">购物指南</a></li>
                     <li><a href="#">订单操作</a></li>
                </ul>
                <ul class="help">
                     <li class="first">服务支持</li>
                     <li><a href="#">售后政策</a></li>
                     <li><a href="#">自助服务</a></li>
                     <li><a href="#">相关下载</a></li>
                </ul>
                <ul class="help">
                     <li class="first">线下门店</li>
                     <li><a href="#">小米之家</a></li>
                     <li><a href="#">服务网点</a></li>
                     <li><a href="#">零售网点</a></li>
                </ul>
                <ul class="help">
                     <li class="first">关于小米</li>
                     <li><a href="#">了解小米</a></li>
                     <li><a href="#">加入小米</a></li>
                     <li><a href="#">联系我们</a></li>
                </ul>
                    <ul class="help">
                     <li class="first">关注我们</li>
                     <li><a href="#">新浪微博</a></li>
                     <li><a href="#">小米部落</a></li>
                     <li><a href="#">官方微信</a></li>
                </ul>
                <ul class="help">
                     <li class="first">特色服务</li>
                     <li><a href="#">F码通道</a></li>
                     <li><a href="#">礼物码</a></li>
                     <li><a href="#">防伪查询</a></li>
                </ul>

                <div class="footer-right">
                    <span>400-100-5678</span>
                    <p>周一至周日8:00-18:00<br>（仅收市话费） </p>
                    <div class="inner">
                        <i class="fa fa-commenting" aria-hidden="true"></i>
                        24小时在线客服
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <div class="foot">
        <div class="container end">
            <div class="mi"></div>
        <ul>
            <li class="first">
                <a href="">小米商城</a><span>|</span>
                <a href="">MIUI</a><span>|</span>
                <a href="">米聊</a><span>|</span>
                <a href="">多看书城</a><span>|</span>
                <a href="">小米路由器</a><span>|</span>
                <a href="">视频电话</a><span>|</span>
                <a href="">小米天猫店</a><span>|</span>
                <a href="">小米淘宝直营店</a><span>|</span>
                <a href="">小米网盟</a><span>|</span>
                <a href="">小米移动</a><span>|</span>
                <a href="">隐私政策</a><span>|</span>
                <a href="">Select Region</a>
            </li>
            <li class="second">
                <span>©</span>
                <a href="">mi.com</a>
                <span>京ICP证110507号</span>
                <a href="">京ICP备10046444号</a>
                <a href="">京公网安备11010802020134号</a>
                <a href="">京网文[2014]0059-0009号</a>
            </li>
            <li>
                <span>违法和不良信息举报电话：185-0130-1238，本网站所列数据，
                      除特殊说明，所有数据均出自我司实验室测试</span>
            </li>
        </ul>
        <div class="right">
            <a href="#"><img src="xiaomi/foot1.png" alt=""></a>
            <a href="#"><img src="xiaomi/foot2.png" alt=""></a>
            <a href="#"><img src="xiaomi/foot3.png" alt=""></a>
            <a href="#"><img src="xiaomi/foot4.png" alt=""></a>
        </div>
        </div>
    </div>


    <script src="jquery.js"></script>
</body>
</html>
<script src="小米.js"></script>

